.page {
  background: #f8f9fa;
  min-height: 100vh;
  padding-bottom: 30px;
  
  .title-wrap {
	text-align: center;
    padding: 25px 0;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin: 15px 0;
    
    .title {  font-size: 20px; color: #007bff; font-weight: 600; }
  }

  .btn-group {
    // 修改弹性布局为垂直排列
    display: flex;
    flex-direction: column; // 关键修改：垂直排列
    justify-content: flex-start;
    align-items: center; // 按钮内容水平居中
    padding: 0 20px; // 增加左右内边距优化边距
    gap: 18px; // 增加垂直间距（替代原来的水平间距）
}
    .btn {
      // 调整按钮宽度为100%适应垂直布局
      width: 100%; 
      padding: 22px 0; // 适当增加内边距
      border-radius: 18px; // 增加圆角弧度
      box-shadow: 0 6px 12px rgba(0,0,0,0.15); // 调整阴影效果
      
      &:active {
              transform: translateY(-2px);
              box-shadow: 0 4px 8px rgba(0,0,0,0.2);
              opacity: 0.9;
            }	
            
        transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
        will-change: transform, opacity;
      .icon { font-size: 36px; } // 增大图标尺寸
      .text { font-size: 16px; } // 增大文字尺寸
    }
  }